.detail-page{
  min-height: 100vh;
  background-color: #F8F8F8;

  .order-card{
    background: #fff;
    margin-bottom: 20px;
    &__head{
      font-size: 32px;
      font-weight: bold;
      padding: $theme_padding $theme_padding 0 $theme_padding;
    }
    &__body{
      padding: 0 $theme_padding;
    }
  }
}

//  订单头部
.detail-header{
  .user-info{
    font-size: 28px;
    padding-top: $theme_padding;
  }
  .user-box{
    padding-bottom: $theme_padding;
  }
  .user-name, .user-phone{
    font-size: 32px;
  }
  .user-address{
    color: #989898;
  }
}


//  购物车列表
.cart-list{
  .goods-info{
    padding: $theme_padding 0;
  }
  .goods-img{
    width: 160px;
    height: 160px;
    border-radius: 10px;
  }
  .goods-right{
    flex: 1;
    padding-left: 20px;
  }
  .goods-name{
    font-weight: bold;
  }
  .goods-sku{
    color: #989898;
    font-size: 24px;
  }
  .goods-price{
    color: $sale_price_color;
  }
  .goods-num{
    color: #999;
  }
}


.refund-box{
  height: 100px;
  .refund-btn{
    width: 130px;
    height: 50px;
    border-radius: 50px;
    &:after{
      color: #ccc;
      border-radius: 50px;
    }
  }
}

//  详情列表
.detail-list{
  padding: 20px 0;
  .detail-item{
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
  }
  .item-left{
    width: 200px;
  }
  .item-right{
    flex: 1;
    color: #989898;
    display: flex;
    justify-content: flex-end;
  }

  .order-status{
    color: $sale_price_color;
  }
  .pay-amount{
    color: $sale_price_color;
  }
}

